@charset "utf-8";
.com-menu {
  width: 300px;
  background: #fff;
  cursor: pointer;
}
.com-menu i:after {
  position: absolute;
  content: "";
  border-top: 5px solid #999;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.com-menu .active > .list-title {
  color: #20a0ff;
}
.com-menu .active > .list-title i:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.com-menu .menu-item .item-list {
  color: #333;
  border-top: 1px dashed #ebebeb;
}
.com-menu .menu-item .item-list:first-child {
  border: none;
}
.com-menu .menu-item .item-list .list-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
  background: #dbdbdb;
}
.com-menu .menu-item .item-list .list-content {
  display: none;
  padding: 0 10px;
  background: #f2f2f2;
}
